{extend name="public:single" /}
{block name="title"}开发友社区{/block}
{block name="container"}
<!--slider-->
<section id="slider">
    <div class="container">
        <div class="row">
            <div class="span12">
                <div id="mainslider" class="flexslider">
                    <ul class="slides">
                        <li>
                            <img src="/images/banner1.jpg" alt="Loear后台管理" />
                            <div class="slide-caption">
                                <h3 class="slide-title">Loear后台管理</h3>
                                <p class="slide-subtitle">突破平台限定，极致用户体验。</p>
                            </div>
                        </li>
                        <li>
                            <img src="/images/banner2.jpg" alt="大数据处理" />
                            <div class="slide-caption">
                                <h3 class="slide-title">大数据处理</h3>
                                <p class="slide-subtitle">模拟引擎抓取数据，分析数据。</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>
<!--container-->
<section id="container">
    <div class="container">
        <div class="row">
            <div class="span12 featured-blocks">
                <ul class="thumbnails pull-center">
                    <li class="span3 thumbnail bg-color-orange-dark  fg-color-white">

                        <div class="image-icon"><i class="icon-globe"></i></div>
                        <a href="/blog_0_3_0.html">
                            <div class="caption fg-color-white">
                                <h3>Python</h3>
                                <p>
                                    Python 是一个高层次的结合了解释性、编译性、互动性和面向对象的脚本语言，广泛应用于人工智能领域。
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="span3 thumbnail bg-color-orange-dark fg-color-white">
                        <div class="image-icon"><i class="icon-magic"></i></div>
                        <a href="/blog_0_1_0.html">
                            <div class="caption fg-color-white">
                                <h3>PHP</h3>
                                <p>
                                    PHP 是一种创建动态交互性站点的强有力的服务器端脚本语言。是世界最好的语言之一。
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="span3 thumbnail bg-color-orange-dark fg-color-white">
                        <div class="image-icon"><i class="icon-fire"></i></div>
                        <a href="">
                            <div class="caption fg-color-white">
                                <h3>Wechant</h3>
                                <p>
                                    基于微信平台的公众号的开发，全栈接入API。 小程序的开发与实战，中心企业的福音。
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="span3 thumbnail bg-color-orange-dark fg-color-white">
                        <div class="image-icon"><i class="icon-dashboard"></i></div>
                        <a href="">
                            <div class="caption fg-color-white">
                                <h3>Download</h3>
                                <p>
                                    前后端全面的资源，包括模板、视频、代码等，各种实用软件，让开发过程更加高效。
                                </p>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="row">
            <div class="span12">
                <div class="hero-unit">
                    <h4>资源下载专区上线啦！</h4>
                    <p>
                        前后端全面的资源，包括模板、视频、代码等，各种实用软件免费下载
                    </p>
                    <a class="btn btn-welcome btn-large pull-right" href="javascript:void(0);">下载专区</a>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="span12 our-works"><h4>全新版块</h4></div>
            <div class="span12">
                <div id="our-projects" class="carousel bttop">
                    <div class="carousel-wrapper">
                        <ul class="portfolio">
                            <li>
                                <article>
                                    <div class="inner-image">
                                        <a href="static/index/example/view.jpg" data-rel="prettyPhoto">
                                            <img src="static/index/example/latest1.jpg" alt="" />
                                            <span class="frame-overlay"></span>
                                        </a>
                                    </div>
                                    <div class="sliding">
                                        <div class="inner-text">
                                            <h4 class="title"><a href="javascript:void(0);">大并发</a></h4>
                                            <p>解决服务器负载</p>
                                        </div>
                                    </div>
                                </article>
                            </li>
                            <li>
                                <article>
                                    <div class="inner-image">
                                        <a href="static/index/example/view.jpg" data-rel="prettyPhoto">
                                            <img src="static/index/example/latest2.jpg" alt="" />
                                            <span class="frame-overlay"></span>
                                        </a>
                                    </div>
                                    <div class="sliding">
                                        <div class="inner-text">
                                            <h4 class="title"><a href="javascript:void(0);">人工智能</a></h4>
                                            <p>数据分析</p>

                                        </div>
                                    </div>
                                </article>
                            </li>
                            <li>
                                <article>
                                    <div class="inner-image">
                                        <a href="static/index/example/view.jpg" data-rel="prettyPhoto">
                                            <img src="static/index/example/latest3.jpg" alt="" />
                                            <span class="frame-overlay"></span>
                                        </a>
                                    </div>
                                    <div class="sliding">
                                        <div class="inner-text">
                                            <h4 class="title"><a href="javascript:void(0);">信息安全</a></h4>
                                            <p>数据安全技术</p>

                                        </div>
                                    </div>
                                </article>
                            </li>
                            <li>
                                <article>
                                    <div class="inner-image">
                                        <a href="static/index/example/view.jpg" data-rel="prettyPhoto">
                                            <img src="static/index/example/latest4.jpg" alt="" />
                                            <span class="frame-overlay"></span>
                                        </a>
                                    </div>
                                    <div class="sliding">
                                        <div class="inner-text">
                                            <h4 class="title"><a href="javascript:void(0);">大数据</a></h4>
                                            <p>爬虫</p>
                                        </div>
                                    </div>
                                </article>
                            </li>
                            <li>
                                <article>
                                    <div class="inner-image">
                                        <a href="static/index/example/view.jpg" data-rel="prettyPhoto">
                                            <img src="static/index/example/latest5.jpg" alt="" />
                                            <span class="frame-overlay"></span>
                                        </a>
                                    </div>
                                    <div class="sliding">
                                        <div class="inner-text">
                                            <h4 class="title"><a href="javascript:void(0);">区块链</a></h4>
                                            <p>探索新的领域</p>

                                        </div>
                                    </div>
                                </article>
                            </li>

                        </ul>
                    </div>
                </div>
                <script type="text/javascript">
                    $(document).ready(function(){
                        $('#our-projects').elastislide({
                            imageW : 270,
                            border : 0,
                            minItems : 1,
                            margin : 30
                        });
                    });
                </script>
            </div>
        </div>
    </div>
</section>
{/block}